<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>About InfotoPlaza - Your Trusted Information Plaza</title>
        <meta name="keywords"
            content="Health, Auto, Lifestyle, Travel, Fashion, Auto, InfotoPlaza">
        <meta name="description"
            content="Discover the latest information about travel, fiance, auto, lifestyle, health, fashion and more all around the world.">
        <link href="../../css/layui.min.css"
            rel="stylesheet">
        <link rel="shortcut icon"
            href="https://infotoplaza.com/information/assets/favicon.ico">
        <link rel="stylesheet"
            href="https://infotoplaza.com/information/css/reset.css">
        <link rel="stylesheet"
            href="https://infotoplaza.com/information/css/public.css">
        <link rel="stylesheet" href="./index.css">
    </head>
    <body>
        <header class="header">
            <div class="wrap">
                <div class="main-header">
                    <div class="menuBtn">
                        <img
                            src="https://infotoplaza.com/information/assets/menu.png"
                            alt>
                    </div>
                    <nav class="nav" aria-label="Site Menu">
                        <a class="logo-is-image logo-link"
                            href="https://infotoplaza.com/information/"
                            rel="home"
                            title="Infotoplaza">
                            <h2>
                                <img alt="Infotoplaza" class="logo-image"
                                    src="https://infotoplaza.com/information/assets/logo.jpg"
                                    srcset="https://infotoplaza.com/information/assets/logo.jpg ../assets/logo.jpg 2x">
                            </h2>
                        </a>
                        <ul id="menu-primary-menu-english" class="nav__list">
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/travel/">Travel</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/health/">Health</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/lifeStyle/">Lifestyle</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/finance/">Finance</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/auto/">Auto</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/fashion/">Fashion</a>
                            </li>
                        </ul>
                    </nav>
                    <nav class="mobileNav">
                        <div class="navContent">
                            <img
                                src="https://infotoplaza.com/information/assets/close.png"
                                alt class="closeBtn">
                                <h2>
                            <a class="logo-is-image logo-link"
                                href="https://infotoplaza.com/information/"
                                rel="home"
                                title="Infotoplaza">
                               
                                    <img alt="Infotoplaza" class="logo-image"
                                        src="https://infotoplaza.com/information/assets/logo.jpg"
                                        srcset="https://infotoplaza.com/information/assets/logo.jpg ../assets/logo.jpg 2x">
                            </a>
                        </h2>

                            <ul id="menu-primary-menu-english"
                                class="nav__list">
                                <li id="menu-item-125" class="menu-item">
                                    <a class="nav__link" target="_parent"
                                        href="https://infotoplaza.com/information/category/travel/">Travel</a>
                                </li>
                                <li id="menu-item-125" class="menu-item">
                                    <a class="nav__link" target="_parent"
                                        href="https://infotoplaza.com/information/category/health/">Health</a>
                                </li>
                                <li id="menu-item-125" class="menu-item">
                                    <a class="nav__link" target="_parent"
                                        href="https://infotoplaza.com/information/category/lifeStyle/">Lifestyle</a>
                                </li>
                                <li id="menu-item-125" class="menu-item">
                                    <a class="nav__link" target="_parent"
                                        href="https://infotoplaza.com/information/category/finance/">Finance</a>
                                </li>
                                <li id="menu-item-125" class="menu-item">
                                    <a class="nav__link" target="_parent"
                                        href="https://infotoplaza.com/information/category/auto/">Auto</a>
                                </li>
                                <li id="menu-item-125" class="menu-item">
                                    <a class="nav__link" target="_parent"
                                        href="https://infotoplaza.com/information/category/fashion/">Fashion</a>
                                </li>
                            </ul>
                        </div>
                    </nav>
                    <div class="navMask"></div>

                    <div class="searchBox">
                        <input type="text" placeholder="Search..."
                            class="layui-input">
                        <img src="https://infotoplaza.com/information/assets/Search.png" alt="" class="searchIcon">
                    </div>
                </div>

            </div>

        </header>

        <div class="aboutUs">
            <main class="content_box wrap">
                <div class="articleContent">
                    <div class="articlDetail">
                        <h1>About Us</h1>
                        <p> Welcome to InfotoPlaza (infotoplaza.com) - your
                            trusted source for news and information. We are a
                            team of passionate professionals dedicated to
                            delivering the latest, most accurate, and valuable
                            information to our readers. Our team comprises
                            experienced journalists, editors, and analysts from
                            diverse backgrounds, providing unique perspectives
                            and in-depth analysis.</p>
                        <p>We believe in the power of news to inform, educate,
                            and inspire. Our mission is to be a trusted source,
                            presenting well-researched and fact-based articles
                            covering a wide range of topics - from current
                            events, politics, business, and technology to
                            lifestyle and more. We strive to uphold the highest
                            standards of journalism, ensuring fairness,
                            objectivity, and integrity in our reporting.</p>

                        <p>At the core of InfotoPlaza, we are committed to
                            keeping our readers well-informed and engaged with
                            the world around them. We value transparency and
                            welcome feedback from our audience, as we
                            continually seek to improve and adapt to the
                            ever-changing media landscape. Join us on this
                            journey as we bring you the stories that matter
                            most.</p>

                    </div>
                </div>
                <div class="aside">
                    <section class="relatedPosts">

                    </section>
                    <div class="AFC">
                        AD
                    </div>
                </div>
            </main>

        </div>
        <footer class="copyRight">
            <div class="wrap">
                <ul class="links">
                    <li><a
                            href="https://infotoplaza.com/information/">Home</a></li>
                    <li><a
                            href="https://infotoplaza.com/information/copyRight/aboutUs/">ABOUT
                            US</a></li>
                    <li><a
                            href="https://infotoplaza.com/information/copyRight/term_of_us/">TERMS
                            OF USE</a></li>
                    <li><a
                            href="https://infotoplaza.com/information/copyRight/privacy_policy/">PRIVACY
                            POLICY</a></li>
                    <li><a
                            href="https://infotoplaza.com/information/copyRight/contactUs/">CONTACT
                            US</a></li>
                </ul>
                <br>
                <br>
                <p>
                    © 2024  InfotoPlaza.com
                </p>
                <br>
                <strong>Disclaimer</strong>
                <br>
                <div class="descption">
                    The content available on this website, including text,
                    graphics, images, and information, is provided
                    only for general informational purposes. The materials and
                    details on these pages, along with any terms,
                    conditions, or descriptions, are subject to change without
                    prior notice.
                </div>
            </div>
        </footer>
        <script src="../../utils/jquery.js"></script>

        <script type="module">
        import {articleData} from '../../utils/common.js'
    // 大图
    let otherArr = []
    let todaysArr = []
    for(let i in articleData){
        for(let j in articleData[i]){
            if(articleData[i][j].isSwiper){
                otherArr.push(articleData[i][j])
            }
            if(articleData[i][j].isTodays){
                todaysArr.push(articleData[i][j])
            }
        }
    }

        // 今日推荐
       let todaysList = todaysArr
        let relatedStr = `<div class="">
                    <h1 class="relatedHeading">
                     Today's Trending Articles 
                </h1>
                </div>`
        todaysList.map(item => {
            relatedStr += `  <article class="post subPosts">
                 <div class="postsText">
                        <h4 class="postsTitle">
                                <a href="https://infotoplaza.com/information/detail/${item.classfy}/${item.articleName}">
                                   ${item.newsTitle}
                                </a>
                        </h4>
                          <time datetime="${item.publicTime}">${item.publicTime}</time>
                    </div>
                    <div class="media">
                        <a href="https://infotoplaza.com/information/detail/${item.classfy}/${item.articleName}" title="${item.newsTitle}">
                            <div class="bgImg bgBox4 lazyloaded"
                                data-bgset="${item.imgUrl} 300w, ${item.imgUrl} 707w, ${item.imgUrl} 768w, ${item.imgUrl} 150w, ${item.imgUrl} 450w, ${item.imgUrl} 1000w"
                                data-bgsrc="${item.imgUrl}"
                                data-sizes="(max-width: 135px) 100vw, 135px"
                                style="background-image: url(&quot;${item.imgUrl}&quot;);">
                            </div>
                        </a>
                    </div>
                   
                </article>`
        })

        $('.relatedPosts').html(relatedStr)
        let befortop = 0;
       //监听滚动条事件
       function callBack() {
           let aftertop = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;//兼容
           if (aftertop - befortop > 0) {
               document.querySelector('.header').style.marginTop = '-60px'
               console.log('向下');
           } else {
               if (aftertop >= 50) {
                   document.querySelector('.header').style.marginTop = '-3px'
               }
               console.log('向上');
           }
           befortop = aftertop;
       }

       let timeout = null,
           startTime = Date.parse(new Date); // 开始时间
       window.addEventListener('scroll', function () {
           if (timeout !== null) clearTimeout(timeout);
           let curTime = Date.parse(new Date); // 当前时间
           if (curTime - startTime >= 1000) { // 时间差>=1秒直接执行
               callBack();
               startTime = curTime;
           } else { // 否则延时执行，像滚动了一下，差值<1秒的那种也要执行
               timeout = setTimeout(callBack(), 300);
           }
       });

    // 搜索
    const input = document.querySelector('.layui-input')
        input.onkeyup = function (event) {
        let e = event || window.event;
        if (e && e.keyCode == 13) { //回车键的键值为13
            location.href = `https://infotoplaza.com/information/search/?key=` + input.value
        }
        }

       function bodyScroll(event) {
           event.preventDefault();
       }

       function scrControl(t) {
           if (t == 0) { //禁止滚动
               document.body.addEventListener('touchmove', bodyScroll, {passive: false});
           } else if (t == 1) { //开启滚动
               document.body.removeEventListener('touchmove', bodyScroll, {passive: false});
           }
       }

       $('.menuBtn').on('click', function () {
           $('.mobileNav').css('transform', 'translateX(0)');
           $('.navMask').css('opacity', '1');
           $('.navMask').css('z-index', '1');
           $('.navMask').css('display', 'block');

           scrControl(0)
       })
       $('.closeBtn').on('click', function () {
           $('.mobileNav').css('transform', 'translateX(-100%)');
           $('.navMask').css('opacity', '0');
           $('.navMask').css('z-index', '-1');
           $('.navMask').css('display', 'none');
           scrControl(1)
       })


   </script>
    </body>
</html>